<template>
  <header>
	  <nav>
      <ul class="common_nav_bar">
        <router-link tag="li" to="/Layout/home">首页</router-link>
        <router-link tag="li" to="/Layout/oeat">订单</router-link>
        <router-link tag="li" to="/Layout/shopping">购物车</router-link>
        <router-link tag="li" to="/Layout/collection">收藏</router-link>
		<router-link tag="li" to="/Layout/collection">详情页</router-link>
        <router-link tag="li" to="/user/login">登录</router-link>
		<router-link tag="li" to="/user/register">注册</router-link>
      </ul>
    </nav>
  </header>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
.common_nav_bar{
	display:flex;
	li {
		margin:5px 8px;
		background: #ccc;
	}
	.router-link-active {
		background:red;
		color:white;
	}
}
 
</style>